<template>
  <div class="user">
    个人信息：<br />
    用户名：{{ userName }}<br />
    邮箱：{{ userEmail }}<br />
    手机号：{{ userPhoneNumber }}<br />
  </div>
</template>

<script>
export default {
  created() {
    //先查看store，
  },
  name: "DetailUser",
  data() {
    return {
      userName: this.$store.state.user_name,
      userEmail: this.$store.state.user_email,
      userPhoneNumber: this.$store.state.user_phone,
    };
  },
};
</script>

<style scoped>
.user {
  margin: 0px auto;
  padding: 50px 20px 0px 0px;
  background-color: white;
  width: auto;
  height: 100%;
}
</style>